<script>
import comMixin from "./comMixin.js";
export default {
  mixins: [comMixin],
  props: {
    prepend: {},
    append: {},
  },
  render() {
    return (
      <div class="aoneui-checkbox-group-wrap">
        {this.prepend}
        <el-checkbox-group v-model={this.formData[this.prop]}>
          {this.dicDataSync.map((it) => {
            return (
              <el-checkbox className="aoneui-checkbox" label={it.value}>
                {it.label}
              </el-checkbox>
            );
          })}
        </el-checkbox-group>
        {this.append}
      </div>
    );
  },
};
</script>
<style lang="scss" scoped>
.aoneui-checkbox-group-wrap{
  display: flex;
  align-items: center;
}
/deep/ .el-checkbox {
  width: 33.33%;
  margin-right: 0;
  padding-right: 10px;
  box-sizing: border-box;
}
/deep/ .el-checkbox__label {
  width: calc(100% - 14px);
  box-sizing: border-box;
}
</style>
